import React from 'react'
import {
    StyleSheet,
    View,
} from 'react-native'
// @ts-ignore
import BetterBanner from 'react-native-better-banner'

const Banner = () => {
    return (
        <View style={styles.container}>
            <BetterBanner
                isAutoScroll
                bannerImages={[
                    {uri: "https://1img.hanjutv.com/202007/b7d5e5d7a3.png"},
                    {uri: "https://1img.hanjutv.com/202006/183eb98479.png"},
                    {uri: "https://1img.hanjutv.com/202007/3a19e2b789.png"}
                ]}
                bannerTitles={[
                    '一个未婚妈妈突然邂逅了四个性格各异的男人 --《我们爱过吗 》',
                    '超越生死的爱情故事 --《虽然是精神病但没关系》',
                    '搞笑的政治电视剧 --《出师表》'
                ]}
                isSeamlessScroll={true}
                indicatorGroupPosition={'center'}
            />
        </View>
    )
}

const styles = StyleSheet.create({
    container: {
        flex: 1
    }
})

export default Banner
